{% extends webapp_config['LAYOUT'] %}

{% block meta_copydoc %}{% endblock %}

{% block meta_title %}
  Publish, install and update IoT apps - Snapcraft
{% endblock %}

{% block meta_description %}
  An IoT app store for smart devices, with transactional updates, airtight security, and compatibility across architectures and operating systems.
{% endblock %}

{% block content %}
  <section id="main-content" class="p-strip--image snapcraft-banner-background">
    <div class="row">
      <div class="col-7">
        <h1 class="p-heading--two">Internet of Things</h1>
        <p>Transactional updates, airtight security, and compatibility across architectures and OSes make snaps a perfect fit for IoT.</p>
        <p><a href="/docs/creating-a-snap">Publish IoT applications with Snapcraft &rsaquo;</a></p>
      </div>
      <div class="col-5">
        <img src="https://assets.ubuntu.com/v1/2c5e93c5-fast-easy-safe-illustration.svg" />
      </div>
    </div>
  </section>
  <section class="p-strip is-shallow">
    <div class="u-fixed-width">
      <h3 class="p-heading--four">IoT tools and server</h3>
    </div>
    <div class="row">
      {% for snap in iot_tools_and_server %}
        <div class="col-3 col-medium-3">
          {% include "store/_media-object-snap-partial.html" %}
        </div>
      {% endfor %}
    </div>

    <div class="u-fixed-width">
      <hr />
    </div>

    <div class="u-fixed-width">
      <h3 class="p-heading--four">Industrial IoT</h3>
    </div>
    <div class="row">
      {% for snap in industrial_iot %}
        <div class="col-3 col-medium-3">
          {% if not loop.last %}
            {% set media_object_classname = "u-no-margin--bottom" %}
          {% endif %}
          {% include "store/_media-object-snap-partial.html" %}
        </div>
      {% endfor %}
    </div>

    <div class="u-fixed-width">
      <div class="p-card--highlighted">
        <div class="row u-no-padding--left u-no-padding--right">
          <div class="col-6">
            <h4 class="p-muted-heading">Case Study</h4>
            <h3 class="p-heading--four"><a href="https://www.ubuntu.com/engage/fingbox-case-study?utm_source=snapcraft.io&utm_medium=website&utm_campaign=FY19_IOT_Appstore_CStudy_Fingbox">Fing snaps up 30,000 customers with a secure, future-proof IoT device &rsaquo;</a></h3>
            <p>The number of IoT devices set to be in use worldwide is due to explode depending on the source over the next couple of years...</p>
          </div>
          <div class="col-6">
            <img src="https://admin.insights.ubuntu.com/wp-content/uploads/d5ce/fingbox.jpg" />
          </div>
        </div>
      </div>
    </div>

    <div class="u-fixed-width">
      <hr />
    </div>

    <div class="u-fixed-width">
      <h3 class="p-heading--four">Networking</h3>
    </div>
    <div class="row">
      {% for snap in networking %}
        <div class="col-3">
          {% if not loop.last %}
            {% set media_object_classname = "u-no-margin--bottom" %}
          {% endif %}
          {% include "store/_media-object-snap-partial.html" %}
        </div>
      {% endfor %}
    </div>

    <div class="u-fixed-width">
      <hr />
    </div>

    <div class="u-fixed-width">
      <h3 class="p-heading--four">Home gateway</h3>
    </div>
    <div class="row">
      {% for snap in home_gateway %}
        <div class="col-3">
          {% if not loop.last %}
            {% set media_object_classname = "u-no-margin--bottom" %}
          {% endif %}
          {% include "store/_media-object-snap-partial.html" %}
        </div>
      {% endfor %}
    </div>

    <div class="u-fixed-width">
      <hr />
    </div>

    <div class="u-fixed-width">
      <h3 class="p-heading--four">Board images</h3>
    </div>
    <div class="row">
      {% for snap in board_images %}
        <div class="col-3">
          {% if not loop.last %}
            {% set media_object_classname = "u-no-margin--bottom" %}
          {% endif %}
          {% include "store/_media-object-snap-partial.html" %}
        </div>
      {% endfor %}
    </div>

    <div class="u-fixed-width">
      <hr />
    </div>

    <div class="u-fixed-width">
      <h3 class="p-heading--four">More on IoT & Snapcraft</h3>
    </div>
      <div class="row u-equal-height">
        <div class="col-4 p-card--highlighted">
          <div class="p-card__content">
            <h3 class="p-heading--four">
              <a href="https://blog.ubuntu.com/2018/04/05/the-nextcloud-box-a-review-of-building-an-iot-device-with-snaps">The Nextcloud Box: a review of building an IoT device with snaps</a>
            </h3>
            <p>In 2016, Canonical, Nextcloud and WDLabs introduced the Nextcloud Box, the first IoT style device running with snaps out of the box. Besides sales of nearly 2K boxes before Western Digital shut down their research division WD…</p>
            <p class="u-no-padding--bottom">
              <a href="https://blog.ubuntu.com/2018/04/05/the-nextcloud-box-a-review-of-building-an-iot-device-with-snaps">Read more &rsaquo;</a>
            </p>
          </div>
        </div>

        <div class="col-4 p-card--highlighted">
          <div class="p-card__content">
            <div class="u-crop--16-9">
              <a href="https://blog.ubuntu.com/2018/07/18/iot-security-at-scale-managing-end-to-end-security">
                <img src="https://admin.insights.ubuntu.com/wp-content/uploads/02da/Rigado-Image1080.png" />
              </a>
            </div>
            <h3 class="p-heading--four">
              <a href="https://blog.ubuntu.com/2018/07/18/iot-security-at-scale-managing-end-to-end-security">Iot Security at Scale: Managing end-to-end security</a>
            </h3>
          </div>
        </div>

        <div class="col-4 p-card--highlighted">
          <div class="p-card__content">
            <h3 class="p-heading--four">
              <a href="https://blog.ubuntu.com/2017/10/26/thinger-io-uses-ubuntu-core-snaps-for-easy-iot-deployment">Ubuntu Core and snaps for easy IoT deployment</a>
            </h3>
            <p>Thinger.io is a Spanish start up founded in 2015 who aim to enable any developer or organisation to develop IoT applications across a range of sectors, with examples including smart cities, Industry 4.0 and energy…</p>
            <p class="u-no-padding--bottom">
              <a href="https://blog.ubuntu.com/2017/10/26/thinger-io-uses-ubuntu-core-snaps-for-easy-iot-deployment">Read more &rsaquo;</a>
            </p>
          </div>
        </div>
    </div>
  </section>
{% endblock %}
